<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--网页上一开始有一个数字数组，点击“升序”按钮将数组按升序排列，
			点击“降序”按钮数组按降序排列-->
		<p id="arrold"></p>
		<p>
			<input type="button" value="升序" onclick="asc()"/>
			<input type="button" value="降序" onclick="desc()"/>
		</p>
		<p id="arrnew"><p>
	    <script >
			/*1.定义原来数组
			 2.获取元素对象
			 3.原来数组显示在页面上
			 4.升序函数，降序函数*/
			var arr=[5,3,40,1,67];
			var old=document.getElementById("arrold");
			old.innerHTML= arr;
			//2.点击升序按钮实现将原数组按升序排列后显示在页面上
		    var mynew=document.getElementById('arrnew');
			function asc(){
		    mynew.innerHTML=arr.sort(function(a,b){return a-b});
			}
			//3.降序
			function desc(){
			 mynew.innerHTML = arr.sort(function(a,b){return b-a});
			}
			
	    </script>
	</body>
</html>
